<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录界面</title>
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/body.css">
</head>
<body>
  <div class="container">
    <section id="content">
      <form>
        <h1>账号登录</h1></h1>
        <div>
          <i class="close">X</i>
          <input type="text" placeholder="手机号" id="username">
        </div>
        <div>
          <i class="close">X</i>
          <input type="password" placeholder="密码"  id="password">
        </div>
        <div>
          <input type="submit" value="登录" class="btn btn-primary" id="js-btn-login">
          <a href="">忘记密码?</a>
          <a href="#">注册账号</a>
        </div>
      </form>
    </section>
  </div>
  <script src="../jquery.min.js"></script>
  <script src="../axios.js"></script>
  <script>
   let user = document.querySelector('#username')
   let pass = document.querySelector('#password')
   let btn  = document.querySelector('#js-btn-login')
   let form = document.querySelector('form')

let mima = /^[a-zA-Z]\w{5,17}$/

   axios.defaults.baseURL=' http://124.223.14.236:3001/api'
btn.addEventListener('click',async function(e){
  e.preventDefault()
  if(!mima.test(document.querySelector('#password').value)){
    return alert('请输入正确的账号')
  }
  const {data} = await axios.post('/user/login',{
      username:user.value,
      password:pass.value
    })
    let pp = data.token
    console.log(data);
    
    
    localStorage.setItem('token',pp)
    // location.href = '../02-regbaseCode/reg.html'
})


  

  </script>
</body>
</html>